<%@ page import="books4africa.BookRequest" %>
<!doctype html>
<html>
	<head>
		<meta name="layout" content="main">
		<g:set var="entityName" value="${message(code: 'bookRequest.label', default: 'BookRequest')}" />
		<title><g:message code="default.list.label" args="[entityName]" /></title>
		<g:javascript library="prototype"></g:javascript>
	</head>
	<body>
	
		<a href="#list-bookRequest" class="skip" tabindex="-1"><g:message code="default.link.skip.label" default="Skip to content&hellip;"/></a>
		<div class="nav" role="navigation">
		<g:form action='Search'>
		<table>
			<tr>
				<td>Category:<g:select name="category"
				from="['General Leisure Reading', 'Reading Skills', 'Math Skills', 'Health', 'Sciences']"
				noSelection="${['All':'All Categories']}" /></td>
				<td>Min Class Level:<g:select name="minLvl"
				from="['0', '1', '2', '3', '4', '5', '6']"
				noSelection="${['All': 'No Min Level']}" /></td>
				<td>Max Class Level:<g:select name="maxLvl"
				from="['0', '1', '2', '3', '4', '5', '6']"
				noSelection="${['All':'No Max Level']}" /></td>	
				<td>
					<g:submitToRemote value="Search"
						url="[controller: 'bookRequest', action: 'ajaxSearch']"
						update="list-bookRequest">
					</g:submitToRemote>			
				</td>
			</tr>	
			</table>	
			</g:form>
		</div>
		<g:render template="results"/>	
	</body>
</html>